{% extends 'base_dashboard.html' %}
{% load site_tags %}

{% block title %}Promo redemptions — {{ site_settings.institute_name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between mb-4">
  <div>
    <h4 class="fw-bold mb-1">Promo redemptions</h4>
    <p class="text-muted small mb-0">Students who successfully used a college / university discount</p>
  </div>
  <a href="{% url 'promotions:admin_list' %}" class="btn btn-outline-secondary btn-sm">Back to promos</a>
</div>

<div class="card border-0 shadow-sm rounded-4">
  <div class="table-responsive">
    <table class="table mb-0 align-middle">
      <thead class="table-light">
        <tr>
          <th class="ps-4">Code</th>
          <th>Student</th>
          <th>Scope</th>
          <th>Original</th>
          <th>Discount</th>
          <th>Paid</th>
          <th class="pe-4">Date</th>
        </tr>
      </thead>
      <tbody>
        {% for r in redemptions %}
        <tr>
          <td class="ps-4 font-monospace">{{ r.promo.code }}</td>
          <td>{{ r.user.get_display_name }}</td>
          <td>{{ r.scope }}</td>
          <td>{% format_price r.original_amount %}</td>
          <td class="text-success">−{% format_price r.discount_amount %}</td>
          <td>{% format_price r.final_amount %}</td>
          <td class="pe-4 small text-muted">{{ r.created_at|date:"M d, Y H:i" }}</td>
        </tr>
        {% empty %}
        <tr><td colspan="7" class="text-center text-muted py-5">No redemptions yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}